
// axios是从axios.min.js文件中暴露的，用来发送ajax请求的一个对象

/* 列表渲染 */
/* axios.get('/user/list').then((res) => {
    // 调用后端返回的数据完成渲染
    render(res.data.list)
    
}) */

/* 分页渲染 */
let prev=document.querySelector('.prev')
let next=document.querySelector('.next')
let page=1
axios.get('/user/page', { params: { page: page, count: 2 } }).then((res) => {
    // 调用后端返回的数据完成渲染
    render(res.data.list)    
})
prev.disabled=true
// 上一页
prev.onclick=()=>{
    if (page>1) {
        axios.get('/user/page', { params: { page: --page, count: 2 } }).then((res) => {
            next.disabled=false
            // 调用后端返回的数据完成渲染
            render(res.data.list) 
            if (page==1) {
                prev.disabled=true
            }   
        })
    }   
}
// 下一页
next.onclick=()=>{
    if (page<3) {
        axios.get('/user/page', { params: { page: ++page, count: 2 } }).then((res) => {
            prev.disabled=false
            // 调用后端返回的数据完成渲染
            render(res.data.list)    
            if (page==3) {
                next.disabled=true
            }
        })
    }
}

/* 模糊查询 */
// 获取输入框
let inputEle = document.querySelector('.find input')
let searchBtn=document.querySelector('.find button')
// 获取搜索按钮
searchBtn.onclick = () => {
    axios.get('/user/search', { params: { searchkey: inputEle.value } }).then((res) => {
        render(res.data.list)
    })
}



